<template>
  <img :src="url" :style="{width:size+'px',height:size+'px'}" class='avatar-container'>
</template>

<script>
export default {
    props:{
      size:{
        type:Number,
        default:150
      },
      url:{
        type:String,
        required:true
      }
    },
}
</script>

<style scoped>
.avatar-container{
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
</style>


